import React from 'react'
import './ItemR.less'

export default function itemR(props) {
  const data = props.data;
  return (
    <div className="ItemR">
      <img src={data.pict_url} alt="" />
      <div className="text">
        <a className='title' target='_blank' href={data.coupon_click_url}>{data.title}</a>
        <p className='price'>
          <span className="original-price">原价：{data.reserve_price}</span>
          <span className="off-price">券后价：{data.zk_final_price}</span>
        </p>
        <p className="sell-info">{data.volume} · 人已购买</p>
        <a className='button' target='_blank' href={data.coupon_click_url}>领券购买</a>
      </div>
    </div>
  )
}